<template>
  <div class="app-container">
    <el-tabs v-model="activeName">
      <el-tab-pane :label="item.name" :name="item.component" v-for="item in tabs" :key="item.id">
<!--        <component :is="components[item.component]"></component>-->
        <basic></basic>
<!--        <upload></upload>-->
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts" setup>
import http from '@/support/http'
import { onMounted, ref } from 'vue'
import Upload from './component/upload.vue'
import Basic from './component/basic.vue'
const tabs = ref([])
const activeName = ref('')
// const components = ref({
//   'upload': () => import('./component/upload.vue'),
//   'basic': () => import('./component/basic.vue')
// })

onMounted(() => {
  // http.get('config/parent').then(response => {
  //   tabs.value = response.data.data
  //   activeName.value = tabs.value[0].component
  // })
})
</script>

<style scoped>

</style>
